* {
	margin: 0;
	padding: 0;
}

ul li {
	list-style: none;
}

@media all and (min-width:770px) {
	header {
		display: flex;
		justify-content: flex-end;
		position: relative;
	}
	
	.tb {
		width: 100%;
		max-width: 1021px;
		margin: 0 auto;
	}
	
	header ul {
		list-style: none;
		display: flex;
	}
	
	header li {
		padding: 15px;
	}
	
	header .jf {
		width: 250px;
		height: 72px;
		padding: 5px 20px 5px 20px;
		background-color: #FFFFFF;
		position: absolute;
		top: 41%;
		left: -12px;
	}
	
	.jf img {
		width: 100%;
		height: 70%;
		transition: all 1s;
	}
	
	nav {
		width: 100%;
		background-color: #007d6b;
	}
	
	.dh {
		width: 100%;
		max-width: 1021px;
		margin: 0 auto;
	}
	
	nav ul {
		display: flex;
		justify-content: flex-end;
	}
	
	nav ul li {
		border-right: 1px #999999 solid;
	}
	
	nav ul li a {
		text-decoration: none;
		display: inline-block;
		padding: 15px;
		color: #FFFFFF;
	}
	
	nav ul li a:hover {
		background-color: rgba(0, 0, 0, 0.5);
	}
	
	.banner {
		width: 100%;
		background-image: url(../images/10.png);
		margin-bottom: 15px;
	}
	
	.banner span {
		display: block;
		width: 100%;
		max-width: 1021px;
		position: relative;
		top: 0;
		left: 46%;
		transform: translateX(-50%);
		padding-left: 130px;
	}
	
	.banner img {
		width: 100%;
		vertical-align: middle;
	}

	.searchs {
		width: 100%;
		display: none;
		background-color: #FFFFFF;
	}

	.searchs ul {
		display: flex;
		justify-content: center;
	}

	.searchs ul li {
		padding: 0;
	}

	main {
		margin: 15px auto;
		display: flex;
		justify-content: space-between;
		list-style: none;
	}

	.cp {
		margin: 0 auto;
		width: 100%;
		max-width: 1021px;
	}

	/* 左边 */
	main .bk {
		width: 30%;
		border: 1px #007D6B solid;
		height: 450px;
		padding-top: 0;
	}

	main h2 {
		background-image: url(../images/list_03.png);
		padding: 10px 10px 10px 25px;
		font-size: 24px;
		background-color: #007D6B;
		background-repeat: no-repeat;
		background-position: 5% center;
		background-size: 10px 10px;
		color: #FFFFFF;
	}

	.left ul {
		padding: 15px;
	}

	.left ul li {
		padding: 5px 0 10px 20px;
		border-bottom: 1px #007D6B dashed;
		background-image: url(../images/list_07.png);
		background-repeat: no-repeat;
		background-position: left center;
	}

	.left ul li a {
		text-decoration: none;
		color: black;
	}

	.left1 .sousuo {
		display: flex;
		justify-content: space-between;
		padding: 15px;
	}

	.left1 .sousuo input {
		width: 70%;
		border: 1px #ccc solid;
	}

	/* 右边 */
	main .bk1 {
		width: 65%;
	}

	main .right {
		margin: -5px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 2px #007d6b solid;
	}

	h4 {
		background-repeat: no-repeat;
		background-position: 0% -8%;
		color: #007D6B;
	}

	.right p {
		font-size: 12px;
	}

	.right p a {
		text-decoration: none;
		color: #000000;
	}

	main .bk1 ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 15px;
	}

	main .bk1 li {
		width: 30%;
	}

	main .bk1 li img {
		width: 100%;
		height: 80%;
	}

	main .bk1 li p {
		padding: 5px;
		text-align: center;
		background-color: rgba(239, 239, 239, 1);
	}

	main .bk1 .warp {
		display: flex;
		justify-content: space-between;
	}

	main .bk1 .warp section {
		border: none;
		outline: none;
	}

	.db {
		display: flex;
		justify-content: center;
		background-color: #007d6b;
	}

	.db ul {
		display: flex;
	}

	.db ul li {
		padding: 10px;
	}

	.db ul li a {
		color: white;
		padding: 5px;
		text-decoration: none;
	}

	footer p {
		padding: 10px;
		text-align: center;
	}
}
